import QtQuick
import QtQuick.Window
import QtQuick.Controls
import com.mycompany.tcp

Window {
    id: tcppage
    width: 840
    height: 480
    //visible: true//需要注释掉，不然在主窗口中创建后就会出现
    title: qsTr("TCPConnect")


    Text {
        id: address_ip
        font.pixelSize: 15
        anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.top: parent.top
        anchors.topMargin: 10
        text: qsTr("IP地址:")
    }
    // 地址输入
    TextInput {
        id: address_ip_Input
        width: 180
        font.pixelSize: 15
        text: "请输入IP地址"
        focus: false
        anchors.left:address_ip.right
        anchors.leftMargin: 10
        anchors.top:parent.top
        anchors.topMargin: 10
        // 这里可以添加更多输入限制，例如IP地址验证
        onFocusChanged: {
               if (focus) {
                   // 当TextInput获得焦点时，清除初始文本
                   text = ""
               } else if (text === "") {
                   // 当TextInput失去焦点且文本为空时，恢复初始文本
                   text = "请输入IP地址"
               }
           }
    }

    Text {
        id: address_port
        font.pixelSize: 15
        anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.top: address_ip.bottom
        anchors.topMargin: 10
        text: qsTr("端口号:")
    }
    // 地址输入
    TextInput {
        id: address_port_Input
        width: 180
        font.pixelSize: 15
        text: "请输入端口"
        anchors.left:address_port.right
        anchors.leftMargin: 10
        anchors.top:address_ip_Input.bottom
        anchors.topMargin: 10
        // 这里可以添加更多输入限制，例如IP地址验证
        onFocusChanged: {
               if (focus) {
                   // 当TextInput获得焦点时，清除初始文本
                   text = ""
               } else if (text === "") {
                   // 当TextInput失去焦点且文本为空时，恢复初始文本
                   text = "请输入端口"
               }
           }
    }

    Tcp{
    id:qml_tcp
    }

    MyButton{
        id:btn1
        anchors.top: address_port.bottom
        anchors.topMargin: 20
        anchors.left: parent.left
        anchors.leftMargin: 50
        text: "连接"

        onClicked: {
            console.log("click");
            qml_tcp.initSocket();
        }
    }
    MyButton{
    id:btn2
    anchors.top: btn1.bottom
    anchors.topMargin: 20
    anchors.left: parent.left
    anchors.leftMargin: 50
    text: "发送"
    onClicked: {
    qml_tcp.send();
    }
    }



    onClosing:{//invalid property name报错。实际为正常的。关闭页面跳转主页面
        tcppage.hide();
        mainWindow.show();
    }

}
